<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,intial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>知识</title>
    <link rel="stylesheet" href="js/瀑布流/normalize.css">
    <link rel="stylesheet" href="js/瀑布流/default.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/recommend.css">
</head>
<body>

    <!-- search 模块 -->
    <div class="search-content">
        <a href="#" class="classify"></a>
        <div class="search">
            <form action="">
                <input type="search" value="">
            </form>
        </div>
        <a href="#" class="login">登录</a>
    </div>
    <!-- search 模块 end -->

    <!-- 返回顶部模块 -->
    <div class="goBack"></div>

    

    <!-- 焦点图模块 -->
    <div class="focus">
        <ul>
            <li><img src="upload/7.png" alt=""></li>
            <li><img src="upload/5.png" alt=""></li>
            <li><img src="upload/6.png" alt=""></li>
            <li><img src="upload/7.png" alt=""></li>
            <li><img src="upload/5.png" alt=""></li>
        </ul>
        <!-- 小圆点 -->
        <ol>
            <li class="current"></li>
            <li></li>
            <li></li>
        </ol>
    </div>
    <!-- 焦点图模块 end-->

    <nev>
        <!-- 头部 -->
        <div class="sales-hd">
            <h4>热门</h4>
            <a href="#" class="more">更多</a>
        </div>
        <div></div>
    </nev>

<!-- 视频模块 -->
    <ul class="subnav-entry">
        <li>
            <a href="#">
              <video src="video/中考系列微课文言实词推断.mp4" controls="controls" poster="poster"></video>
            </a>
        </li>
        <li>
            <a href="#">
              <video src="video/摩擦力总结技巧.mp4" controls="controls" poster="poster"></video>
            </a>
        </li>
        <li>
            <a href="#">
              <video src="video/初中化学.mp4" controls="controls" poster="poster"></video>
            </a>
        </li>
        <li>
            <a href="#">
              <video src="video/高考词汇.mp4" controls="controls" poster="poster"></video>
            </a>
        </li>
        
        
    </ul>
    <!-- 视频模块结束 -->


    <!-- 瀑布流插件开始 -->
    <section id="gallery-wrapper">
		
		<article class="white-panel">
			<img src="images/4.png" class="thumb">
			<h1><a href="https://www.bilibili.com/video/BV18A411M71W?from=search&seid=2991455783953626821">汤老师</a></h1>
	  		<p>汤老师灵魂拷问</p>
		</article>
		<article class="white-panel">
			<img src="images/10.png" class="thumb">
			<h1><a href="#">老外说汉语</a></h1>
	  		<p>英语四级657 || 如何高分稳过，超详细经验分享</p>
		</article>
		<article class="white-panel">
			<img src="images/6.png" class="thumb">
			<h1><a href="#">氰氢子衿</a></h1>
	  		<p>【叶脉书签】 又一个浪漫的化学实验</p>
		</article>
		<article class="white-panel">
			<img src="images/12.png" class="thumb">
			<h1><a href="#">江贯是人间理想</a></h1>
	  		<p>超棒文案| 作文里可以用的美句(快去接受老师表扬吧)</p>
		</article>
		<article class="white-panel">
			<img src="images/8.png" class="thumb">
			<h1><a href="#">物理魔法</a></h1>
	  		<p>【逼我学习】让记忆效率提升300%的心理学小技巧</p>
		</article>
		<article class="white-panel">
			<img src="images/9.png" class="thumb">
			<h1><a href="#">数学鬼才阿坤</a></h1>
	  		<p>速求错位相减（务必记牢）</p>
		</article>
		<article class="white-panel">
			<img src="images/5.png" class="thumb">
			<h1><a href="#">化学小课堂</a></h1>
	  		<p>黄金雨</p>
		</article>
        <article class="white-panel">
			<img src="images/1.png" class="thumb">
			<h1><a href="#">数学微课帮</a></h1>
	  		<p>葛军亲自讲解高考数学愤怒了 难什么难！！！其实都很简单</p>
		</article>
		<article class="white-panel">
			<img src="images/2.png" class="thumb">
			<h1><a href="#">坤哥带你学数学</a></h1>
	  		<p>初一数学-七年级数学上册</p>
		</article>
		<article class="white-panel">
			<img src="images/3.png" class="thumb">
			<h1><a href="#">汤老师</a></h1>
	  		<p>音乐课？？？</p>
		</article>
    </section >
    <!-- 瀑布流插件结束 -->

     <!-- 底部导航栏模块 -->
     <div class="botto">
        <ul class="bottom">
            
            <li><a href="index.html"><span class="glyphicon glyphicon-expand"></span><span>教程</span></a></li>
            <li><a href="./zhu/reward.html"><span class="glyphicon glyphicon-usd"></span><span>悬赏</span></a></li>
            <li><a href="./zhu/my.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a></li>
        </ul>
    </div>


    <script src="js/flexible.js"></script>
    <script src="js/index.js"></script>
    <script src="js/瀑布流/jquery-1.11.0.min.js"></script>
    <script src="js/瀑布流/pinterest_grid.js"></script>
    <script type="text/javascript">
		$(function(){
			$("#gallery-wrapper").pinterest_grid({
				no_columns: 2,
                padding_x: 10,
                padding_y: 10,
                margin_bottom: 50,
                single_column_breakpoint: 400
			});
			
		});
	</script>
    
</body>
</html>